<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title></title>
  <link rel="shortcut icon" href="img/heard.ico">
	<link rel="stylesheet" type="text/css" href="./css/common.css?v=optimize20180613" />
	<link rel="stylesheet" type="text/css" href="./css/header.css?v=optimize20180613" />
	<link rel="stylesheet" type="text/css" href="./css/essay.css?v=optimize20180613" />
	<!--[if lt ie 9]>
	  	<script src="__PUBLIC__/member/js/html5shiv.js" type="text/javascript" charset="utf-8" /></script>
	  <![endif]-->
	<!-- <script src="./js/browsererror.js" type="text/javascript" charset="utf-8" /></script> -->
	<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8" /></script>
	<style>
		ul li {
			width: 132px;
			height: 26px;
			color: #e64f46;
			font-weight: 400;
			border: 1px solid #e64f46;
			border-radius: 3px;
			float: left;
			margin: 0 4px 18px 0;
			font-size: 14px;
			text-align: center;
			line-height: 24px;
		}
		ul{
			overflow: hidden;
		}
	</style>
</head>

<body>
	<header>
		<div class="main">
			<div class="logo">
				<img src="./img/gao_03.png" />
			</div>
			<div class="nav">
				<!-- <a href="#">注意事项</a>
				<img src="./img/gao_06.png" /> -->
			</div>
		</div>
	</header>
	<section>
		<h1></h1>
		<ul>
			<li>必须朗读标题</li>
			<li>语速期望正常</li>
			<li>添加背景音乐</li>
		</ul>
		<p></p>
		<hr />
	</section>
	<p class="bottom-page">
		<span>文档发布</span>
		<a href="#">闪电配音</a>
	</p>
	<script src="./js/public.js?v=optimize20180613" /></script>
	<script>
		var content = GetQueryString('content');
		$.post(apiCollect.apiArticleContent, {
			token: localStorage.getItem('token'),
			content: content
		}, function (data) {
			if (data.code == '000000') {
				document.title = data.data.title;
				$('h1').html(data.data.title);
				$('section p').html(data.data.contentinfo);
				if(data.data.readtitle == '1'){
					$('li').eq(0).show()
				}else{
                    $('li').eq(0).text('无需朗读标题')
				}
				if(data.data.bgmid != '0'){
                    $('li').eq(2).show()
                }else{
                    $('li').eq(2).hide()
                }
			}
		})
	</script>
</body>
</html>